<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./Public/Home/css/car.css"/>
		<link rel="stylesheet" href="./App/Home/View/Common/css/bottom.css" />
		<link rel="stylesheet" href="./App/Home/View/Common/css/head2.css" />
		<script src="./Public/jquery-1.12.2.min.js"></script>
		<script>
			$(function(){
				//点击减少商品数量按钮
				$('.minus').click(function(){
					//获得商品当前的数量
					var num = $(this).siblings('.cgnum').val()
					//如果数量为1 阻止a链接默认行为 不跳转到控制器的方法
					if(num == '1'){
						$(this).attr('href','javascript:void(0);')
					}
				})
				//点击增加商品数量按钮
				$('.plus').click(function(){
					//获得商品的当前数量
					var num = parseInt($(this).siblings('.cgnum').val())
					//获得商品规格的库存
					var inv = parseInt($(this).siblings('.tip-message').attr('inv'))
					//如果商品的数量大于库存 提示库存不足  阻止a链接默认行为 不跳转到控制器的方法增加商品数量
					if(num >= inv){
						//显示库存不足的提示
						$(this).siblings('.tip-message').show()
						$(this).attr('href','javascript:void(0);')
					}
				})
				//把商品移出购物车
				$('.cart-del-btn').click(function(){
					//弹出提示框 提醒是否删除
					if(confirm('确定从购物车中删除吗?')){
						//获得要移除的商品的sid
						$sid = $(this).attr('sid')
						//发送ajax
						$.ajax({
							type:"post",
							url:"{{U('delgoods')}}",
							data:{sid:$sid},
							success:function(phpData){
								//把返回的购物车当前存在的商品总价显示在页面上 旧数据覆盖
								$('.sum').html("商品总价（￥"+phpData+"）- 活动（￥0.00）= 商品金额总计（￥"+phpData+"）")
								$('.sumt').html("获赠YOHO币：0个　商品总价（不含运费）：<strong>￥"+phpData+"</strong>元")
							}
						});
						//删除整一行html代码 即在页面上删除该商品
						$(this).parents('tr').remove()
					}
				})
				
				var num =1
				$('#cbSelAllGoods').click(function(){
					if(num ==1 ){
						$('.cart-item-check').prop("checked",true)
						$('.cart-item-check').addClass('check')
						num =0
					}else{
						$('.cart-item-check').prop("checked",false)
						$('.cart-item-check').removeClass('check')
						num =1
					}
				})
				//声明空数组 用于接收要批量删除的商品的sid
				var arr = []
				
				//点击批量删除按钮触发
				$('#delall').click(function(){
					//声明对象 即选中的checkbox
					var box = $('.cart-item-check:checked')
					//取得对象的长度
					var len = box.length
					if(len < 1){
						alert('请选择要删除的商品！')
						return
					}
					//弹出提示信息 是否确认删除
					if(confirm('确定从购物车中删除所有选中的商品?')){
						//遍历对象
						for(var i=0;i<len;i++){
							//接收checkbox的sid属性 即商品的
							var a = $('.cart-item-check:checked').eq(i).attr('sid')
							//把sid压进数组
							arr.push(a)
						}
						//发送异步
						$.ajax({
							type:"post",
							url:"{{U('delmulti')}}",
							data:{sid:arr},
							success:function(phpData){
									//把返回的存在购物车的商品的总价显示在页面上 覆盖旧数据
									$('.sum').html("商品总价（￥"+phpData+"）- 活动（￥0.00）= 商品金额总计（￥"+phpData+"）")
									$('.sumt').html("获赠YOHO币：0个　商品总价（不含运费）：<strong>￥"+phpData+"</strong>元")
							}
						});
						//删除页面上的商品
						$('.cart-item-check:checked').parents('tr').remove()
					}
				})
			})
		</script>
	</head>
	<body>
		{{include file="../Common/View/head2"}}
		<div class="order-ensure-page">
			<div id="cart-page">
				<div class="order-title">
					<div class="carimg"></div>
					<div class="rightitle">
						<p class="first active">查看购物车</p>
						<p>填写订单</p>
						<p class="end">付款购买</p>
					</div>
				</div>
				<div class="cartnew-tips">
					<div id="tipsbox">
						<strong>温馨提示：</strong>1. 选购单中的商品不保留库存，请及时结算。 2. 商品的价格、相关活动信息及库存以订单提交时为准。
						<a class="btn_close" href="javascript:void(0);"></a>
					</div>
				</div>
				<div class="order-pay">
					<div class="pay-wapper">
						<table>
							<tr class="title">
								<th style="width:395.217px;">商品信息</th>
								<th style="width:13%;">单价（元）</th>
								<th style="width:7%;">返YOHO币</th>
								<th style="width:10%;">数量</th>
								<th style="width:10%;">小计（元）</th>
								<th style="width:20%;">操作</th>
							</tr>
							<tr>
								<td class="common-list cart-product-num" colspan="6">
									<!--<input type="checkbox" name="" id="" value="" checked="checked" />-->
									普通商品
								</td>
							</tr>
							{{foreach from="$data['goods']" key="$k" value="$v"}}
							<tr class="common-sell-box">
								<td>
									<input class="cart-item-check" type="checkbox"  sid="{{$k}}"/>
									<a class="pay-pro-icon " href="">
										<img src="{{$v['listpic']}}" alt="" />
									</a>
									<p class="pay-pro-info">
										<a href="{{U('Content/index',array('gid'=>$v['id']))}}">{{$v['name']}}</a>
										{{foreach from="$v['options']" key="$kk" value="$vv"}}
										<span>{{$kk}}：{{$vv}}</span>
										{{endforeach}}
									</p>
								</td>
								<td>
									<p class="productPrice">￥{{$v['price']}}</p>
								</td>
								<td>0</td>
								<td class="adjust-cart-num">
									<a class="minus" href="{{U('changenum',array('sid'=>$k,'num'=>$v['num'],'type'=>1))}}"></a>
									<input class='cgnum' value="{{$v['num']}}" readonly="readonly"/>
									<a class="plus"  href="{{U('changenum',array('sid'=>$k,'num'=>$v['num'],'type'=>2))}}"></a>
									<p class="tip-message" inv="{{$v['inv']}}">库存不足</p>
								</td>
								<td class="sub-total">
									￥{{$v['total']}}
								</td>
								<td>
									<a class="cart-del-btn" href="javascript:void(0);" sid="{{$k}}">删除</a>
									<!--<a class="cart-del-btn" href="javascript:if(confirm('确定从购物车中删除吗?'))location.href='{{U('delGoods',array('sid'=>$k))}}'">删除</a>-->
									<a class="cart-remove-btn" href="">移入收藏</a>
								</td>
							</tr>
							{{endforeach}}
						</table>
					</div>
				</div>
				
				<div class="cartnew-sum">
					<div class="lefta">
						<a style="display: none;" class="btn_h" href="javascript:void(0);">
							<span>清空商品</span>
						</a>
						<input type="checkbox"  id="cbSelAllGoods"  />
						<span>全选</span>
						<a id="delall" style="margin-left: 20px ;color:#333" href="javascript:void(0);">批量删除</a>
						<a style="margin-left: 20px;color:#333" href="javascript:void(0);">批量移入收藏夹</a>
					</div>
					
					<div class="righta">
						<p class="sum">商品总价（￥{{$totalPrice}}）- 活动（￥0.00）= 商品金额总计（￥{{$totalPrice}}）</p>
						<p class="sumt" >获赠YOHO币：0个　商品总价（不含运费）：<strong>￥{{$totalPrice}}</strong>元
						</p>
					</div>
				</div>
				
				<div class="cartnew-submit">
					<a class="btn_continue" href="">再逛逛</a>
					<a class="btn_account" href="{{U('Order/index')}}">去结算</a>
				</div>
				
			</div>
		</div>
		{{include file="../Common/View/bottom"}}
	</body>
</html>
